<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>欢迎来到Origin</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" type="text/css" href="styleSheet.css"/>
  </head>
  
  <body bgcolor=#69848B>
  	<!-- THIS PART IS FOR LOGO . SEARCH . LOGIN . ANNOUNCE -->
    <div id="title">
    	<img alt="Origin" src="imgs/logo.jpg" id="logo">
    	<div id="announce">
    		<span>庆祝神棍节，开放注册一天。  2011.11.11</span><br/>
 			<span>&nbsp;&nbsp;&nbsp;&nbsp;热烈欢迎著名作者——叫兽入驻Origin。 2011.22.22</span><br/>
 			<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 			关于党的第**次大会作出的重要指示。 2012.11.31</span>
    	<!-- TODO : recent announce displayed here -->
    	</div>
    	<div id="titleBack">
    		<input class="lineedit" type="text"/>
    		<select class="selections">
    		<option value="1">全部</option>
    		<option value="2">作品</option>
    		<option value="3">作者</option>
    		</select>
    		<input class="buttons" type="submit" value="搜索"/>
    		<span style="font-size:26;margin-left:60">注册</span>
    		<span style="font-size:26;margin-left:20">登录</span>
    	</div>
    </div>
    
    <!-- THIS PART SHOWS RECENT PICTURES -->
    <div id="mainbody">
    	<p sytle="font-size:24;width:300">最新投稿</p>
    	<!-- 4 * 3  -->
    	<div id="rl">
 		   	<div id="r1" class="rowcol">
    			<div id="r1l1" class="row">
    				<div style="float:left">
    					<img alt="" src="imgs/dead/bai_zilian.jpg">
    				</div>
    				<div style="float:left;width:110;margin-left:8;margin-top:-3;margin-right:25px;">
    					<p>名称：百子莲</p>
    					<p>作者：王**</p>
    					<p>时间：明天</p>
    				</div>
    			</div>
    			
    			<div id="r1l2" class="row">
    				<div style="float:left">
    					<img alt="" src="imgs/dead/he_hua.jpg">
    				</div>
    				<div style="float:left;width:110;margin-left:8;margin-top:-3;margin-right:25px;">
    					<p>名称：荷花</p>
    					<p>作者：李**</p>
    					<p>时间：明天</p>
    				</div>
    			</div>
    			<div id="r1l3" class="row">
    				<div style="float:left">
    					<img alt="" src="imgs/dead/lian_hua.jpg">
    				</div>
    				<div style="float:left;width:110;margin-left:8;margin-top:-3;margin-right:25px;">
    					<p>名称：莲花</p>
    					<p>作者：张**</p>
    					<p>时间：明天</p>
    				</div>
    			</div>
    		</div>
    		<br/>
    		
    		<div id="r2" class="rowcol">
    			<div id="r2l1" class="row">
    				<div style="float:left">
    					<img alt="" src="imgs/dead/si_yecao.jpg">
    				</div>
    				<div style="float:left;width:110;margin-left:8;margin-top:-3;margin-right:25px;">
						<p>名称：四叶草</p>
    					<p>作者：刘**</p>
    					<p>时间：今天</p>
    				</div>
    			</div>
    			<div id="r2l2" class="row">
    				<div style="float:left">
    					<img alt="" src="imgs/dead/kong_long.jpg">
    				</div>
    				<div style="float:left;width:110;margin-left:8;margin-top:-3;margin-right:25px;">
    					<p>名称：恐龙</p>
    					<p>作者：孔**</p>
    					<p>时间：今天</p>
    				</div>
    			</div>
    			<div id="r2l3" class="row">
    				<div style="float:left">
    					<img alt="" src="imgs/dead/xiao_xiongmap.jpg">
    				</div>
    				<div style="float:left;width:110;margin-left:8;margin-top:-3;margin-right:25px;">
    					<p>名称：小熊猫</p>
    					<p>作者：A**</p>
    					<p>时间：今天</p>
    				</div>
    			</div>
    		</div>
    		<br/>
    		
    		<div id="r3" class="rowcol">
    			<div id="r3l1" class="row">
    				<div style="float:left">
    					<img alt="" src="imgs/dead/li_zi.jpg">
    				</div>
    				<div style="float:left;width:110;margin-left:8;margin-top:-3;margin-right:25px;">
    					<p>名称：李子</p>
    					<p>作者：B**</p>
    					<p>时间：昨天</p>
    				</div>
    			</div>
    			<div id="r3l2" class="row">
    				<div style="float:left">
    					<img alt="" src="imgs/dead/shen_haiyu.jpg">
    				</div>
    				<div style="float:left;width:110;margin-left:8;margin-top:-3;margin-right:25px;">
    					<p>名称：深海鱼</p>
    					<p>作者：C**</p>
    					<p>时间：昨天</p>
    				</div>
    			</div>
    			<div id="r3l3" class="row">
    				<div style="float:left">
    					<img alt="" src="imgs/dead/shen_xianyu.jpg">
    				</div>
    				<div style="float:left;width:110;margin-left:8;margin-top:-3;margin-right:25px;">
    					<p>名称：神仙鱼</p>
    					<p>作者：D**</p>
    					<p>时间：昨天</p>
    				</div>
    			</div>
    		</div>
    		<br/>
    		
    		<div id="r4" class="rowcol" style="margin-bottom : 20px">
    			<div id="r4l1" class="row">
    				<div style="float:left">
    					<img alt="" src="imgs/dead/zhu_zi.jpg">
    				</div>
    				<div style="float:left;width:110;margin-left:8;margin-top:-3;margin-right:25px;">
    					<p>名称：竹子</p>
    					<p>作者：E**</p>
    					<p>时间：前天</p>
    				</div>
    			</div>
    			<div id="r4l2" class="row">
    				<div style="float:left">
    					<img alt="" src="imgs/dead/yang_tuo.jpg">
    				</div>
    				<div style="float:left;width:110;margin-left:8;margin-top:-3;margin-right:25px;">
    					<p>名称：羊驼</p>
    					<p>作者：F**</p>
    					<p>时间：前天</p>
    				</div>
    			</div>
    			<div id="r4l3" class="row">
    				<div style="float:left">
    					<img alt="" src="imgs/dead/zi_luolan.jpg">
    				</div>
    				<div style="float:left;width:110;margin-left:8;margin-top:-3;margin-right:25px;">
    					<p>名称：紫罗兰</p>
    					<p>作者：G**</p>
    					<p>时间：前天</p>
    				</div>
    			</div>
    		</div>
    		
    	</div>
    	
    	<!-- THIS PART SHOWS SEVERAL RANKLIST , AJAX SUGGESTED TODO ALT -->
    	<div id="ranklists">
    		<div id="visitRank">
    			<ol>
    				<span style="font-size:22">~! 点击榜 !~</span>
    				<li class="forli">恐龙</li>
    				<li class="forli">紫罗兰</li>
    				<li class="forli">竹子</li>
    				<span class="forli">更多...</span>
    			</ol>
    		</div>
    		<br/><br/>
    		<div id="goodRank">
    			<ol>
    				<span style="font-size:22">~! 好评榜 !~</span>
    				<li class="forli">李子</li>
    				<li class="forli">荷花</li>
    				<li class="forli">莲花</li>
    				<span class="forli">更多...</span>
    			</ol>
    		</div>
    		<br/><br/>
    		<div id="authorRank">
    			<ol>
    				<span style="font-size:22">~! 作家榜 !~</span>
    				<li class="forli">李小三</li>
    				<li class="forli">张小四</li>
    				<li class="forli">王二麻子</li>
    				<span class="forli">更多...</span>
    			</ol>
    		</div>
    	</div>
    
    </div>
    
  </body>
</html>
